<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
myhtml
<div th:text="${name}"></div>
<div th:text="${id}"></div>


<div id="main">
    <div id="main2"></div>
    <div id="main3"></div>
</div>
</body>
<script th:src="@{/js/echarts.min.js}"></script>
<style>
    #main{
        height: 1000px;
        width: 1000px;
    }
    #main2{
        height: 500px;
        width: 500px;
        background-color: red;
        float: left;
    }
    #main3{
        height: 500px;
        width: 500px;
        background-color: greenyellow;
        float: right;
    }
</style>
<script th:src="@{/js/main2.js}"></script>
<script th:src="@{/js/main3.js}"></script>

<script>

</script>
</html>